<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的聚美</title>
    <link rel="stylesheet" href="../css/我的聚美.css">
    <link rel="stylesheet" href="../css/有偿咨询头部.css">
    <link rel="stylesheet" href="../css/首页尾部2.css">
</head>
<body>
      <!-- 头部 -->
      <header class="header">
        <!-- 欢迎来到聚美 -->
        <div class="top_border">
            <div class="top_top">
                <!-- 左边 -->
                <div class="top_left">
                    <span>欢迎来到聚美！</span>
                    <a href="../src/登录.html" id="a1">请登录</a>
                    <a href="./首页注册.html" id="a1">快速注册</a>
                </div>

                <!-- 右边 -->
                <div class="top_right">
                    <ul class="head_right_nav">
                        <li>
                            <a href="../src/我的订单.html">订单查询</a>
                        </li>
                        <li>
                            <div>
                                <i></i>
                            </div>
                            <a href="">收藏的品牌</a>
                        </li>
                        <li class="item_i">
                            <a href="../src/我的聚美.html" >我的聚美</a>
                            <div class="sub_nav">
                                <ul>
                                    <li>
                                        <a href="" class="li">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的现金劵</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的红包</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的余额</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的提现退款</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">我的收藏</a>
                                    </li>
                                    <li>
                                         <a href="" class="li">我的心愿单</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">会员中心</a>
                                    </li>
                                    <li>
                                        <a href="" class="li">礼品卡兑换</a>
                                    </li>
                                </ul>
                                
                            </div>
                            <!-- <a href="" class="li">我的订单</a>
                            <a href="" class="li">我的现金劵</a>
                            <a href="" class="li">我的红包</a>
                            <a href="" class="li">我的余额</a>
                            <a href="" class="li">我的提现退款</a>
                            <a href="" class="li">我的收藏</a>
                            <a href="" class="li">我的心愿单</a>
                            <a href="" class="li">会员中心</a>
                            <a href="" class="li">礼品卡兑换</a> -->
                            
                        </li>
                        <li>
                            <div>
                                <i></i>
                            </div>
                            <a href="">手机聚美</a>
                        </li>
                        <li>
                            <a href="">更多</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 聚美优品 -->
        <div class="cen">
            <div class="center_border">
                <img src="../img/注册和登录的图片/logo_new_v1.jpg" class="img1">
    
                <!-- 购物车 -->
                <div class="center_right">
                   <ul>
                       <li> <img src="../img/首页头部和尾部的图片/cart.gif" alt=""></li>
                       <li>
                           <a href="../shoppingcar.html">去购物车结算</a>
                       </li>
                   </ul>
                </div>
            </div>
        </div>

        <!-- 首页导航栏 -->
        <div class="nav_border">
            <div class="nav_nav">
               <ul>
                   <li>
                       <a href="../homepage.html">首页</a>
                   </li>
                   <li>
                        <a href="../极速免税店.html">极速兔税店</a>
                   </li>
                   <li>
                        <a href="../src/母婴特卖.html">母婴特卖</a>
                   </li>
                   <li>
                         <a href="../商品筛选.html">美妆商城</a>
                   </li>
                   <li>
                         <a href="../国际轻奢.html">国际轻含</a>
                   </li>
                   <li>
                        <a href="../品牌专区.html">品牌专场</a>
                   </li>
                   <li>
                         <a href="../src/有偿咨询.html">有偿咨询</a>
                   </li>
                   <li>
                        <a href="../src/合作招商.html">合作招商</a>
                   </li>
               </ul>
               <div class="outer">
                   <ul>
                       <li>
                           <a href="###"><img src="../img/首页头部和尾部的图片/z_01new.jpg" alt=""></a>
                       </li>
                       <li>
                           <a href="../帮助中心.html"><img src="../img/首页头部和尾部的图片/z03.jpg" alt=""></a>
                       </li>
                   </ul>
                </div>
            </div>
        </div>
    </header>

    <div class="middle">

        <div class="profile">
            <!-- 左边导航栏 -->
            <div class="left_nav">
                <div class="picture">
                    <div>
                        <img src="../img/我的聚美imgs/yellow_64_64.png" alt="">
                    </div>
                    <div>
                        <p class="nickname">
                            <span>JM1QSvBiTc</span>
                            普通会员
                        </p>                         
                    </div>
                    <p>用户ID: 1139621191</p>
                </div>

                <div class="nav_div">
                    <!-- 我的聚美 -->
                    <h2>
                        我的聚美
                    </h2>
                    <ul class="myjumei">
                        <li class="active">
                            <i></i>
                        <a href="#">我的订单</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的心愿单</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的收藏</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的会员等级</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的现金券</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的红包</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的金币</a>
                        </li>
                        <li class="size">
                            <i></i>
                            <a href="#">我的尺码</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">订阅邮件短信</a>
                        </li>
                    </ul>

                    <h2>
                        管理个人账户
                    </h2>
                    <ul class="personal myjumei">
                        <li>
                            <i></i>
                        <a href="#">我的余额</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">我的提现退款</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">礼品卡兑换</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">设置账户信息</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">修改密码</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">绑定手机</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">管理实名认证</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">管理收货地址</a>
                        </li>
                        <li>
                            <i></i>
                            <a href="#">绑定站外分享</a>
                        </li>
                    </ul>
                <h2>售后服务</h2>
                <ul class="myjumei service">
                    <li>
                        <i></i>
                        <a href="#">我的售后服务</a>
                    </li>
                    <li>
                        <i></i>
                        <a href="#">我的退货</a>
                    </li>
                </ul>

                <h2>聚美惊喜</h2>
                <ul class="myjumei surprise">
                    <li>
                        <i></i>
                        <a href="#">我的喜从盒来</a>
                    </li>
                </ul>
                </div>


            </div>

            <!-- 右边内容 -->
            <div class="right_con">
                <!-- <ul class="right_ul"> -->
                    <!-- <li class="show"> -->
                        <h1>
                            我的订单
                            <a href="#">手机客户端，随时随地查看物流详情我的订单</a>
                        </h1>
            
                        <div class="filter">
                            <ul class="filter_ul">
                                <li class="active">全部订单</li>
                                <li>等待付款</li>
                                <li>已付款</li>
                                <li>交易完成</li>
                                <li>预售订单</li>
                            </ul>
                        </div>

                        <!-- <div class="null_info"></div> -->
            
                        <ul class="info_ul">
                            <li class="show">
                                <!-- <img src="../img/我的聚美imgs/null_icon.png" alt=""> -->
                                <h2>
                                    您目前没有等待付款订单  
                                </h2>
                            </li>
                            <li>
                                <h2>
                                    您目前没有订单
                                </h2>
                        </li>
                        <li>
                            <h2>
                                您目前没有已付款订单
                            </h2>
                            
                            </li>
                            <li>
                                <h2>
                                    您目前没有交易完成订单
                                </h2>
                            </li> 
                            <li>
                                <h2>
                                    您目前没有预售订单
                                </h2>
                            </li>
                        </ul>

                    <!-- </li> -->

                <!--  <li>
                        <h1>
                            我的心愿单
                            <a href="#">手机客户端，随时随地查看物流详情我的订单</a>
                        </h1>
            
                        <div class="filter">
                            <ul class="filter_ul">
                                <li>全部订单</li>
                                <li>等待付款</li>
                                <li>已付款</li>
                                <li>交易完成</li>
                                <li>预售订单</li>
                            </ul>
                        </div>
            
                        <div class="null_info"></div>
                    </li>

                    <li>
                        <h1>
                            我的收藏
                            <a href="#">手机客户端，随时随地查看物流详情我的订单</a>
                        </h1>
            
                        <div class="filter">
                            <ul class="filter_ul">
                                <li>全部订单</li>
                                <li>等待付款</li>
                                <li>已付款</li>
                                <li>交易完成</li>
                                <li>预售订单</li>
                            </ul>
                        </div>
            
                        <div class="null_info"></div>
                    </li>
                </ul> -->
            
            </div>
        
        </div>
    </div>

    <footer class="footer">
        <div class="foot">
           <div class="foot_nav">
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>值得信赖美妆电商</p>
                        <p>四千万用户信赖</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>成功在美上市</p>
                        <p>股票代码NYSE:JMEI</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>品牌防伪码</p>
                        <p>支持品牌官网验真</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>百万用户口碑</p>
                        <p>帮你只选对的，不选贵的</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>订单闪电发货</p>
                        <p>1.5小时订单急速出库</p>
                    </div>
               </a>
               <a href="###">
                    <i></i>
                    <div class="book">
                        <p>大牌明星热荐</p>
                        <p>打造精致明星脸</p>
                    </div>
               </a>
           </div>
           <hr>
        </div>

        <!-- 中间 -->
        <div class="foot_center">
            <ul>
                <li>服务保障</li>
                <li>
                    <a href="###">品牌真品防伪码</a>
                </li>
                <li>
                    <a href="###">专属客服服务</a>
                </li>
                <li>
                    总裁邮箱ceo@jumei.com
                </li>
            </ul>
            <ul>
                <li>使用帮助</li>
                <li>
                    <a href="###">新手指南</a>
                </li>
                <li>
                    <a href="###">常见问题</a>
                </li>
                <li>
                    <a href="###">帮助中心</a>
                </li>
                <li>
                    <a href="###">用户协议</a>
                </li>
                <li>
                    <a href="###">公示制度</a>
                </li>
                <li>
                    <a href="###">聚美隐私权政策</a>
                </li>
                <li>
                    <a href="###">个人信息管理规则</a>
                </li>
                <li>
                    <a href="###">意见反馈及投诉举报规则</a>
                </li>
                <li>
                    <a href="###">知识产权维权处理规则</a>
                </li>
                <li>
                    <a href="###">评价管理规则</a>
                </li>
            </ul>
            <ul>
                <li>支付方式</li>
                <li>
                    <a href="###">货到付款</a>
                </li>
                <li>
                    <a href="###">在线支付</a>
                </li>
                <li>
                    <a href="###">余额支付</a>
                </li>
                <li>
                    <a href="###">现金劵支付</a>
                </li>
            </ul>
            <ul>
                <li>配送方式</li>
                <li>
                    <a href="###">包邮政策</a>
                </li>
                <li>
                    <a href="###">配送说明</a>
                </li>
                <li>
                    <a href="###">运费说明</a>
                </li>
                <li>
                    <a href="###">验货签收</a>
                </li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li>
                    <a href="###">正品承诺</a>
                </li>
                <li>
                    <a href="###">售后咨询</a>
                </li>
                <li>
                    <a href="###">退货政策</a>
                </li>
                <li>
                    <a href="###">退货办理</a>
                </li>
            </ul>
            <ul>
                <li>
                    手机聚美
                </li>
                <li>
                    <div class="inner">
                        <div>
                            <i></i>
                        </div>
                    </div>
                </li>
                <li>下载移动客户端</li>
            </ul>
            <ul>
                <li>聚美微信</li>
                <li>
                    <div class="inner2">
                        <div>
                            <i></i>
                        </div>
                    </div>
                </li>
                <li>聚美官方微信</li>
            </ul>
            
        </div>
    </div> 
        <!-- 图片 -->
        <div class="foot_img">
            <img src="../img/首页头部和尾部的图片/footer_dy.jpg" alt="">
        </div>

        <!-- 尾巴 -->
        <div class="foot_one">
            <div class="one">
                <ul>
                    <li>
                        <a href="###">关于聚美优品</a>
                    </li>
                    <li>
                        <a href="###">INVESTOR RELATIONS</a>
                    </li>
                    <li>
                        <a href="###">合作招商</a>
                    </li>
                    <li>
                        <a href="###">获取更新</a>
                    </li>
                    <li>
                        <a href="###">加入聚美</a>
                    </li>
                    <li>
                        <a href="###">品牌合作专区</a>
                    </li>
                    <li>
                        <a href="###">媒体报道</a>
                    </li>
                    <li>
                        <a href="###">商务合作</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 尾巴第二个 -->
        <div class="foot_two">
            <div class="two">
                <p>COPYRIGHT © 2010-2021 北京科新信息技术有限公司 JUMEI.COM 保留一切权利。</p>
                <div class="two_ul">
                    <ul>
                        <li>
                            <a href="###">京公网安备 11010102001226</a>
                        </li>
                        <li>
                            <a href="###">京ICP证111033号</a>
                        </li>
                        <li>
                            <a href="###">食品经营许可证</a>
                        </li>
                        <li>
                            <a href="###">营业执照</a>
                        </li>
                        <li>
                            <a href="###">ICP许可证</a>
                        </li>
                        <li>
                            <a href="###">出版物经营许可证</a>
                        </li>
                        <li>
                            <a href="###">第二类医疗器械经营备案凭证</a>
                        </li>
                        <li>
                            <a href="###">网络食品交易第三方平台提供者备案信息表</a>
                        </li>
                        <li>
                            <a href="###">增值电信业务经营许可证</a>
                        </li>
                    </ul>
                </div>

                <!-- 尾巴图片 -->
                <div class="foot_three">
                    <img src="../img/首页头部和尾部的图片/footer_btm_icon.png" alt="">
                    <img src="../img/首页头部和尾部的图片/bz.jpg" alt="">
                </div>
            </div>
        </div>

    </footer>
    <script src="../js/我的聚美.js"></script>
</body>
</html>